html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html,body{
    width: 100%;
    height: 100%;
}
.swiper-container, .swiper-slide{
    width: 100%;
    height: 100%;
    position: relative;
}
.page1{
    background: linear-gradient(to bottom ,#a8b6ff 0%,#30a3ff 100%) ;
}
.index-text{
    width: 100%;
    height: 250px;
    position: absolute;
    top:0px;
    left: 0px;
}
.index-text img:nth-child(1){
    display: inline-block;
    position: absolute;
    width: 60%;
    height: 60%;
    left: 20%;
    top:30%;
}
.index-text img:nth-child(2){
    position: absolute;
    top: 30%;
    left: 5%;
    width:20%;
    height: 40%;


}
.index-text img:nth-child(3){
    position: absolute;
    top: 60%;
    left: 60%;
    width:20%;
    height: 25%;

}
.index-flight{
    position: absolute;
    left: 10%;
    width: 80%;
    height: 50%;
    top:30%;
}
.index-build{
    position: absolute;
    bottom: 0%;

    width: 100%;
    height: 50%;
}
.index-bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.index-up{
    position: absolute;
    width: 35%;
    height: 25%;
    left: 32.5%;
    bottom: 0;
    z-index: 999;
}
.page2{
    background: #000;
    width: 100%;
    height: 100%;
}
.was-bg{
    position: absolute;
    width: 100%;
    height: 95%;
    bottom: 0;
}
.was-text{
    position: relative;
    top: 35%;
    width: 60%;
    height: 100%;
    left: 20%;

}
.wasit{
    position: absolute;

    width: 100%;
    height: 10%;
}
.wasfarm{
    position: absolute;
    top: 15%;
    width: 100%;
    height: 10%;
}
.was-star{
    position: absolute;
    width: 80%;
    left: 10%;
    top:20%;
}
.opcity{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90%;
    background: rgba(255,255,255,0.05);
}
.page3{
    background:#0f0223;
}
.early-bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.early-build{
    position: absolute;
    width: 100%;
    height: 80%;
    bottom: 0;
}
.early-title{
    position: absolute;
    width:50%;
    height: 25%;
    top: 5%;
}
.early-bus{
    width: 100%;
    height: 100%;
}
.early-sta{
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
}
.early-bu{
    position: absolute;
    width: 30%;
    height: 20%;
    bottom: 5%;
}
.early-av{
    position: absolute;
    width: 20%;
    height: 20%;
    bottom: 5%;
    right: 0;
}
.early-tit{
    position: absolute;
    width:20%;
    height: 5%;
    top: 5%;
}
.team-bg{
    position: absolute;
    top:0;
    width:100%;
    height: 90%;
}
.team-wall{
    position: absolute;
    width:25%;
    height: 60%;
    bottom: 0;
    right: 0;

}
.team-av{
    position: absolute;
    width:30%;
    height: 20%;
    bottom: 55%;
    right: 3%;
}
.team-text{
    position: absolute;
    left: 15%;
    top: 40%;
    width: 15%;
    height: 5%;
}
.team-text1{
    position: absolute;
    top: 46%;
    width: 20%;
    height: 5%;
    left: 15%;
}
.team-text2{
    position: absolute;
    top: 51%;
    width: 20%;
    height: 5%;
    left: 15%;
}
.team-text3{
    position: absolute;
    top:57%;
    width: 20%;
    height: 5%;
    left: 15%;
}
.team-text4{
    position: absolute;
    top:62%;
    width: 20%;
    height: 5%;
    left: 15%;
}
.team-where{
    position: absolute;
    bottom: 13%;
    width: 40%;
    height: 10%;
    left: 30%;
}
.page4{
    position: relative;
    width: 100%;
    height: 100%;
    background: #0f0223;
}
.light-offbg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.light-off{
    position: absolute;
    bottom: 0;
    left: 3%;
    width: 50%;
    height: 90%;
}
.light-off-title{
    position: absolute;
    width:70%;
    height: 30%;
    right:0;
    top: 5%;
}
.light-click{
    position: absolute;
    width:80%;
    height: 20%;
    left:15%;
    top:25%;
}
.light-on-bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.light-on{
    position: absolute;
    bottom: 0;
    left: 3%;
    width: 50%;
    height: 90%;
}
.light-know{
    position: absolute;
    width:80%;
    height: 30%;
    left:15%;
    top:25%;
}
.light-flower{
    position: absolute;
    width:50%;
    height: 35%;
    bottom:-1%;
    right:5%;
}
.about-bg{
    position: absolute;
    width: 100%;
    height: 100%;
}
.about-city{
    position: absolute;
    width:100%;
    height: 57%;
    top:0;
}
.about-av{
     position: absolute;
     top:15%;
     width: 80%;
     height:55%;
     right: 5%;
 }
.about-ta{
    position: absolute;
    top:40%;
    width: 80%;
    height: 40%;
    right: 10%;
}
.about-tx{
    position: absolute;
    top:50%;
    width: 70%;
    height: 30%;
    right: 15%;
}
.run-av{
    position: absolute;
    top:15%;
    width: 60%;
    height:50%;
    left: 5%;
}
.page7{
    background: #53c98f;
    width: 100%;
    height:100%;
}
.salary-bg{
    position: absolute;
    top: 2%;
    left: 5%;
    width: 95%;
    height: 74%;
}
.salary-av{
    position: absolute;
    top: 4%;
    left: 10%;
    width: 80%;
    height: 60%;
}
.page8{
    background: #79ebff;
}
.intro-flower{
    position: absolute;
    left:2%;
    top: 2%;
    width: 45%;
    height: 40%;
}
.intro-text{
    background:#ff4860;
    width: 96%;
    height:70%;
    position: absolute;
    top: 15%;
    left: 2%;
    padding: 4%;
    border-radius: 5%;
    box-sizing: border-box;
}
.intro-bg{
    width: 100%;
    height: 90%;
    background: #ff3138;
    padding: 0 2%;

    color: white;
    box-sizing: border-box;
    padding: 0 4%;
}
.intro-bg p{
    text-indent: 32px;
    line-height: 20px;
}
.intro-bg p:nth-child(1){
    padding-top: 15%;
}
.intro-title{
    position: absolute;
    width:70%;
    left: 15%;
    top: 10%;
}
.intro-av{
    position: absolute;
    width: 57%;
    height: 54%;
    bottom: 0;
    right: 0;
}
.intro-star{
    position: absolute;
    width: 34%;
    height: 40%;
    bottom: 8%;
    right: 21%;
}
.page9{
    width: 100%;
    height: 100%;
    background: #0f58ff;
}
.end-bg{
    position: absolute;
    width: 100%;
    height: 100%;

}
.end-cloud{
    position: absolute;
    top:10%;
    left: 10%;
    width: 80%;
    height: 80%;

}
.end-bottom{
    position: absolute;
    width: 60%;
    height: 20%;
    bottom: 2%;
    left: 20%;

}
.end-logo{
    position: absolute;
    width: 70%;
    height: 25%;
    top: 8%;
    left: 15%;
}

.end-text{
    position: absolute;
    width: 80%;
    height: 33%;
    top: 15%;
    left: 10%;
}
.end-email{
    position: absolute;
    width: 80%;
    height: 22%;
    top: 27%;
    left: 10%;
}
.end-click{
    position: absolute;
    width: 70%;
    height: 18%;
    top: 36%;
    left: 15%;
}
.end-av{
    position: absolute;
    width: 80%;
    height: 43%;
    top: 35%;
    left: 10%;

}
.music_btn{
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    z-index: 9999;
}
/*.active{*/
    /*background: url("images/musicBtn.png");*/
/*}*/
/*.off{*/
    /*background: url("images/musicBtn.png");*/
/*}*/